<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<style>
		*{
			margin: 0;
			padding: 0;
		}
		.wuhuan
		{
			width: 500px;
			height: auto;
			margin: auto;
		}
		.a
		{
			width: 100px;
			height: 100px;
			border-radius: 50%;
			background: white;
			border: solid #0086d1 10px;
			float: left;
			position: relative;
			
		}
		.b
		{
			width: 100px;
			height: 100px;
			border-radius: 50%;
			background: white;
			border: solid #000000 10px;
			float: left;
			position: relative;
			
		}
		.c
		{
			width: 100px;
			height: 100px;
			border-radius: 50%;
			background: white;
			border: solid #e60012 10px;
			float: left;
			position: relative;
			
		}
		.d
		{
			width: 100px;
			height: 100px;
			border-radius: 50%;
			border: solid #f8b718 10px;
			position: absolute;
			margin-top: 70px;
			margin-left: 60px;
			
		}
		.e
		{
			width: 100px;
			height: 100px;
			border-radius: 50%;
			border: solid #009944 10px;
			position: absolute;
			margin-top: 70px;
			margin-left: 180px;
			
		}
		
	</style>
	<body>
		<div class="wuhuan">
			<div class="a"></div>
			<div class="b"></div>
			<div class="c"></div>
			<div class="d"></div>
			<div class="e"></div>
		</div>	
	</body>
</html>